/**
 * 栅格系统Index页面
 * @author SPY
 * @date 2020/03/27
 */
import React from 'react';
import { Card } from 'antd';
import BasicGrid from './Grid/BasicGrid';
import OffsetGrid from './Grid/OffsetGrid';
import FlexGrid from './Grid/FlexGrid';

const gridIndex = () => {
  return (
    <div>
      <Card title="栅格布局--响应式布局" type="inner">
        <BasicGrid />
      </Card>

      <Card title="栅格布局--offset应用" type="inner">
        <OffsetGrid />
      </Card>

      <Card title="栅格布局--flex布局" type="inner">
        <FlexGrid />
      </Card>
    </div>
  );
};

gridIndex.title = '栅格系统';

export default gridIndex;
